/*********  一些初始样式  *********/
*{
    padding: 0;
    margin: 0;
}
body{
    min-width: 800px;
}
a{
    text-decoration-line: none;
    color: black;
}
li{
    list-style: none;
}

/*滚动条宽度*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/*滚动条轨道*/
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
}
/*小滑块*/
::-webkit-scrollbar-thumb {
    background: rgba(0,155,124,1);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(62,115,110);
}

/*********  返回顶部的样式  *********/
.back-top{
    position: sticky;
    top: 500px;
    height: 0;
    float: right;
    right: 50px;
}
.back-top a{
    display: block;
    width: 14px;
    padding: 8px 12px 8px 12px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    border-radius: 4px;
    color: white;
    background: rgba(0,155,124,1);
}

/*********  header里的样式  *********/
header{
    position:fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 999;
    background-color: rgba(0,155,124,1);
}

nav{
    margin: 0 auto;
    position: relative;
    max-width: 1400px;
    height: 80px;
    background-color: rgba(0,155,124,1);
    display: flex;
}
nav .div1{
    width: 375px;
    height: 50px;
}
nav .div1 img{
    padding-left: 15px;
    width: 360px;
    height: 50px;
    margin-top: 15px;
}

nav .div2{
    width: 800px;
}
nav .div2 ul{
    margin: 0 auto;
    width: 500px;
    height: 80px;
}
nav .div2 li{
    font-size: 18px;
    height: 80px;
    line-height: 80px;
    float: left;
    padding: 0 40px;
}
nav .div2 li a{
    padding: 24px 0;
}
nav .div2 li a:hover{
    color: rgba(62,115,110,1);
}
nav .div2 li .active{
    font-weight: bold;
    color: rgba(62,115,110,1);
    border-bottom: 4px rgba(62,115,110,1) solid;
}
nav .div2 li a{
}


nav .div3{
    float: right;
}
nav .div3 form{
    display: flex;
    padding-top: 22px;
}
nav .div3 form input[type=text]{
    padding-left: 10px;
    outline: none;
    max-width: 130px;
    height: 32px;
    background-color: transparent;
    border: 2px solid rgba(62,115,110,.4);
    border-right: 0;
    border-radius: 15px 0 0 15px;
}
nav .div3 form input[type=submit]{
    width: 50px;
    font-size: 14px;
    padding: 0 10px;
    background-color: rgba(62,115,110,.4);
    border-radius: 0 15px 15px 0;
    border: 2px solid rgba(62,115,110,.4);
    border-left: 0;
}
nav .div3 form input[type=submit]:hover{
    background-color: rgba(62,115,110,.6);
}

nav .div4{
    margin-left: 20px;
    float: right;
    min-width: 124px;
}
nav .div4 a{
    font-size: 14px;
    padding: 8px 15px 8px 15px;
    line-height: 80px;
    background-color: rgba(62,115,110,.4);
    border-radius: 15px;
}
nav .div4 a:hover{
    background-color: rgba(62,115,110,.5);
}

@media only screen and (max-width: 1200px){
    nav .div2 ul{
        width: 245px;
    }
    nav .div2 li{
        padding: 0 10px!important;
    }
    nav .div4{
        margin-left: 4px!important;
    }
    nav .div1{
        width: 293px;
        height: 40px;
    }
    nav .div1 img{
        padding-left: 5px;
        width: 288px;
        height: 40px;
        margin-top: 20px;
    }
    nav .div3 form input[type=text]{
        width: 80px;
    }
}


 /********  main里的样式  *********/
main{
    margin-top: 100px;
    width: 100%;
}
main .div1{
    margin: 20px auto;
    max-width: 1200px;
}

.div1_title{
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0,0,0,.6);
}
.div1_title span{
    font-size: 24px;
    color: rgba(62,115,110,1);
}
.div1_title a{
    padding-top: 14px;
    float: right;
    font-size: 14px;
    color: rgba(62,115,110,1);
}

main .content{
    display: flex;
}

main .div11{
    margin-top: 20px;
    max-width: 840px;
    background-color: rgb(247,248,249);
    margin-right: 10px;
}
main .div11 .div111:last-child{
    max-width: 840px;
    border-bottom: none;
}
main .div11_img{
    width: 160px;
    height: 90px;
}
main .div11 img{
    width: 160px;
    height: 90px;
}

main .div111{
    position: relative;
    height: 94px;
    padding: 10px 20px;
    border-bottom: 1px dashed rgba(0,0,0,.1);
    display: flex;
}
main .div111:hover{
    background-color: rgba(200,200,200,.4);
}

main .div1111{
    padding-left: 10px;
    max-width: 685px;
}

.title{
    font-weight: normal;
    font-size: 22px;
    text-align: left;
    display: inline-flex;
    min-width: 300px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.title a:hover{
    color: rgba(62,115,110,1);
    text-decoration-line: underline;
}
.comment{
    position: absolute;
    top: 88px;
    left: 190px;
    font-size: 12px;
    color: gray;
}
.date{
    position: absolute;
    top: 88px;
    right: 25px;
    font-size: 12px;
    color: gray;
}
.description{
    margin-top: 6px;
    max-height: 44px;
    color: gray;
    position: relative;
    line-height: 22px;
    overflow: hidden;
}
/*.description::after{*/
/*    content: "...";*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    bottom: 0;*/
/*}*/

main .div1 .div12{
    margin-top: 20px;
    position: relative;
    margin-left: 10px;
    padding-right: 20px;
    width: 340px;
    height: 420px;
    background-color: rgb(247,248,249);
}
main .div1 .div12 ul{
    margin-left: 20px;
    width: 300px;
}
main .div1 .div12 li:first-child h3{
    font-weight: normal;
    font-size: 24px;
    color: rgba(62,115,110,1);
}
main .div1 .div12 li:first-child{
    width: auto;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0,0,0,.6);
}
main .div1 .div12 li{
    display: block;
    font-size: 18px;
    padding: 10px 0;
    width: 240px;
    height: 16px;
    overflow: hidden;
    /*border-bottom: 1px black dashed;*/
}
main .div1 .div12 li a{
    font-size: 16px;
    overflow: hidden;
}
main .div1 .div12 li a:hover{
    color: rgba(62,115,110,1);
}
main .div1 .div12 span{
    position: absolute;
    right: 20px;
    float: right;
    margin-top: 8px;
    font-size: 12px;
    color: gray;
}

@media only screen and (max-width: 1200px){
    main .div1 .div12{
        margin-left: 0;
        width: 260px;
    }
    main .div1 .div12 span{
        display: none;
    }
    main .div1 .div12 ul{
        width: 240px;
    }
}

/*********  footer的样式  *********/
footer{
    background-image: url(../img/index/footer/dbbjtx.png);
    margin-top: 40px;
    height: 110px;
    padding-top: 25px;
    font-size: 14px;
    line-height: 22px;
    background-size: 100% 137px;
}
footer p {
    color: #d3d7df;
}
footer p a{
    color: rgb(255, 255, 255);
}

footer .div1{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

footer .div11{
}

footer .div111{
    position: absolute;
    left: 0;
    top: 20px;
}
footer .div112{
    position: absolute;
    top: 10px;
    left: 80px;
}
footer .div112 p:nth-child(2){
    display: flex;
    color: white;
}

footer .div12{
    position: absolute;
    top: 26px;
    right: 0;
}

/********  read中的样式  ********/
main .banner{

}
main .banner img{
    max-width: 100%;
    max-height: 100%;
}

main .read_div1_title{
    color: gray;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(100,100,100,.3);
}
main .read_div1_title a{
    color: gray;
    font-size: 14px;
}
main .read_div1_title a:hover{
    color: gray;
    font-weight: bold;
}

main .read_div11{
    width: 860px;
    border-right: 1px solid rgba(100,100,100,.3);
    padding-right: 10px;
}

main .read_div111{
    background-color: rgb(247,248,249);
}

main .read_div1111{
    margin: 20px auto;
    background-color: rgb(247,248,249);
    width: 820px;
    border-bottom: 1px solid rgba(100,100,100,.3);
    text-align: center;
}
main .read_div11111 h2{
    padding: 24px 0;
    font-size: 26px;
    line-height: 52px;
    font-weight: normal;
}
main .read_div1112{
    background-color: rgb(247,248,249);
    padding-bottom: 20px;
}
main .read_div1112 p{
    font-size: 14pt;
    line-height: 32px;
    margin: 0 20px;
    color: #4c4c4c;
    text-indent: 2em;
}
main .read_div1113{
    padding-left: 60px;
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 20px;
}
main .read_div1113 a:hover{
    color: rgba(62,115,110,1);
}

main .read_div11111{
    text-align: center;
}
main .read_div11111 p{
    margin-bottom: 8px;
    color: gray;
    font-size: 14px;
}


/*********  评论的样式  *********/
main .content .comments{
    background-color: #efefef;
    border-top: 1px solid rgba(100,100,100,.3);
    padding-bottom: 20px;
}
main .content .comments .comments_head{
    margin: 0 10px;
    border-bottom: 2px solid rgba(100,100,100,.3);
}
main .content .comments .comments_head h2{
    font-size: 26px;
    line-height: 52px;
    font-weight: normal;
    color: rgb(0,155,124);
}

main .content .comments .comments_content{
    display: block;
    margin-top: 10px;
}
main .content .comments .comments_content .comments_content_box1{
    display: flex;
}
main .content .comments .comments_content{
}

main .content .comments .comments_content .avatar img{
    margin: 10px 0 10px 20px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
main .content .comments .comments_content .author span{
    font-size: 14px;
    font-weight: 700;
}
main .content .comments .comments_content .comments_content_date{
    padding-left: 4px;
    font-size: 12px;
    color: gray;
}
main .content .comments .comments_content .comments_content_admin{
    display: inline;
    border: 2px #bdacdb solid;
    border-radius: 4px;
    background-color: #c097e3;
    font-size: 12px;
}
main .content .comments .comments_content .comments_content_about{
    color: rgb(0,155,124);
    font-size: 14px;
    font-weight: bold;
}
main .content .comments .comments_content .comments_content_text{
    margin: 4px 0;
    font-family: '宋体 SimSun', serif;
}
main .content .comments .comments_content .comments_content_content{
    margin: 0 20px 0 10px;
}
main .content .comments .comments_content .comments_content_content .comments_content_actions a{
    font-size: 12px;
    color: gray;
}

main .content .comments .comments_content .comments_content_box2{
    display: flex;
    margin-left: 40px;
    padding-top: 10px;
    border-left: 1px solid gray;
}

main .content .comments .comment_form{
    border-top: 2px solid rgba(100,100,100,.3);
    margin: 10px 10px 0 10px;
    padding-top: 10px;
}
main .content .comments .comment_form textarea{
    padding: 4px;
    width: 800px;
    height: 100px;
    margin: 0 20px;
    background-color: transparent;
    border: 1px gray solid;
    border-radius: 4px;
    outline-color: gray;
}
main .content .comments .comment_form input{
    margin-top: 10px;
    padding-left: 6px;
    border: 1px gray solid;
    width: 180px;
    height: 32px;
    margin-left: 20px;
    background-color: transparent;
    border-radius: 4px;
    outline-color: gray;
}
main .content .comments .comment_form button{
    display: inline-block;
    border: 1px gray solid;
    width: 80px;
    height: 36px;
    margin-left: 20px;
    border-radius: 4px;
    background-color: rgb(0,155,124);
    color: #efefef;
}
main .content .comments .comment_form button:hover{
    background-color: #0a8e6d;
}

/*********  关于页的样式  *********/
.about{
    margin: 100px auto 0;
    background-color: #efefef;
    width: 1200px;
    height: 800px;
}
.about .content{
    text-align: center;
    padding-top: 100px;
    margin: 100px auto 0;
    width: 600px;
}